<template>
	<view class="empty">
		<view class="empty-picdir">
			<image :src="imgUrl+'empty.png'" mode="heightFix"></image>
		</view>
		<view class="empty-label">
			<slot>暂无数据</slot>
		</view>
	</view>
</template>

<script>
	import {mapState} from "vuex"
	export default{
		data(){
			return {
				
			}
		},
		computed:{
			...mapState(['imgUrl'])
		}
	}
</script>

<style scoped lang="less">
	.empty{
		width: 100%;
		height: 50vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		&-picdir{
			width: 100upx;
			height: 100upx;
			image{
				width: 100upx;
				height: 100upx;
			}
		}
		&-label{
			margin-top: 30upx;
			font-size: 28upx;
			color: #666;
		}
	}
</style>